<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付</title>
</head>
<style>
    html{
        width: 100vw;
        height:100vh
    }
    body{
        background-color: #eee;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    #model{
        width:80vw;
        height:auto;
        margin-top: 5vh;
    }
    .footbox{
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
        padding:24px;
    }
    img{
        width:15%;
    }
    button{
        padding:10px 12px;
        background-color: deepskyblue;
        border: none;
        border-radius: 5px;
        color:#eee;
    }
</style>
<body>
   <div id='model'>
        <div class="footbox">
            <img src="https://wimg.588ku.com/gif620/20/11/21/5d779e7a085994fe58702d7a965406ee.gif" alt="">
            <span>支付等待中,请稍后</span>
        </div>
        <p style="color:coral;font-size:14px;width: 100%;text-align: center;">如果您已经支付，请点击'我已支付'按钮</p>
        <div class="footbox">
            <button id='btn'>
                我已支付
            </button>
        </div>
   </div> 
</body>
<script>
    let btn = document.getElementById('btn')
    let url = window.location.href
    let http = url.slice(0, url.indexOf('/site'))
    btn.onclick = function(){
        window.open(http+'/site/#/apply')
    }
</script>
</html>